.seckill{
    background:#f5f5f5;
    display: block;
}
.seckill .seckill-head{
    background:#f5f5f5 url(../img/3cba013aa492551729f3a42e1668b9d9.jpg) 50% 0 no-repeat;
    height: 170px;
}
.seckill h1{
    text-indent: -9999px;
}
.seckill .seckill-banner{
    margin-top: -88px;
    height: 68px;
    margin-bottom: 22px;
}
.seckill .relative{
    position: relative;
}
.seckill .fixed{
    position: fixed;
    left: 50%;
    background: #414141;
    margin-left: -613px;
    top: 0;
    z-index: 10;
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}


.seckill .seckill-banner .active{
    background: #f1393a;
}
.seckill .seckill-banner li{
    width: 20%;
    cursor: pointer;
    line-height: 68px;
    height: 68px;
    text-align: center;
    background: #414141;
}
.seckill .seckill-banner li span,
.seckill .seckill-banner li em{
    vertical-align: middle;
    display: inline-block;
    float: left;
}
.seckill .seckill-banner li em{
    margin-left: 46px;
    font-style: normal;
    font-size: 18px;
}
.seckill .seckill-banner li span{
    margin-left: 15px;
    text-align: left;
    font-size: 14px;
}
.seckill .seckill-banner li span em{
    text-align: left;
    display: inline-block;
    font-style: normal;
    margin-left: 0;
    font-size: 14px;

}
.seckill .seckill-banner li .inl{
    padding-top: 13px;
    line-height: 20px;
}
.seckill .seckill-banner li .l{
    color: #fff;
}
.tab-box div{
    display: none;
}

.tab-box .img-con{
    width: 190px;
    height: 190px;
    padding-left: 0;
    padding-right: 0;
    float: left;
    background-color: #f6f6f6;
}
.tab-box .img-con img{
    width: 100%;
    display: block;
    padding: 0;
    border-style: none;
}
.tab-box .pro-con{
    width: 50%;
    height: 190px;
    padding-top: 22px;
    padding-left: 14px;
    padding-right: 12px;
    float: left;
    background-color: #fff!important;
}
.tab-box .container li:nth-of-type(1){
    margin-left: -4px;
}
.tab-box .container li{
    width: 33%;
    height: 190px;
    background: #fff;
    margin-bottom: 13px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
}
.tab-box .container li:hover{
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}
.tab-box .container .seckill{
    margin: 0 13px;


}
.tab-box .pro-con .name{
    color: #333;
    height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    line-height: 16px;
}

.tab-box .pro-con .desc{
    color: rgba(0,0,0,0.54);
    margin-top: 7px;
    font-size: 12px;
    line-height: 16px;
    height: 32px;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.pro-con .process {
    width: 146px;
    height: 5px;
    margin-top: 10px;
    position: relative;
    display: block;
    background: #f5f5f5;
}

.tab-box .pro-con .process span{
    display: block;
    width:146px;
    background: #f1393a;
    -webkit-transition: width 1s;
    transition: width 1s;
    height: 5px;
}
.tab-box .pro-con .process em{
    font-style: normal;
    position: absolute;
    left: 150px;
    top: -5px;
    line-height: 1;
    font-size: 12px;
    color: rgba(0,0,0,0.54);
}
.tab-box .pro-con .price{
    font-size: 16px;
    color: #f1393a;
    line-height: 1;
    display: block;
    margin-top: 25px;

}
.tab-box .pro-con .price del{
    margin-left: 10px;
    font-size: 12px;
    color: rgba(0,0,0,0.54);
}
.tab-box .pro-con .disabled{
    width: 120px;
    line-height: 30px;
    display: block;
    margin-top: 19px;
    font-size: 14px;
    text-align: center;
    background: #83c44e;
    color: #fff;
}
.lincolo .pro-con .disabled{
    background: #f1393a !important;
}




.seckill .notic{
    padding-bottom: 35px;
    font-size: 12px;
    color: rgba(0,0,0,0.27);
    margin-top: 80px;
}



@media (max-width: 600px) {
    .seckill{
        padding-bottom: 20px;
    }
    .tab-menu li .l>em{
        line-height: 15px;
        margin: 8px 19px 0 16px;
    }
    .seckill .seckill-banner li {
        line-height: 16px;

    }
    .seckill .seckill-banner li .inl {
        padding-top: 6px;
        line-height: 16px;
    }
    .seckill .seckill-banner li span {
        line-height: 30px;
        margin-left: 10px;
    }
   #app li,
   #app1 li,
   #app2 li,
   #app3 li,
   #app4 li{
       width: 100%;
   }

   .tab-box,
   #paa{
      padding: 0 14px;
   }
    .seckill .fixed{
        position: relative;
    }
    .seckill .notic{
        margin-top: 0;
    }
    .seckill .seckill-banner li span i{
        margin-left: 5px;
    }
    .seckill .seckill-banner li span em {
        margin-left: -3px;
    }

    .img-con{
        width: 43%!important;

    }
    .img-con img{
        height: 100%;
    }
    .site-info .hids{
        display: none!important;
    }
}